<!-- 在线就诊须知 -->
<template>
	<view class="body">
		<view class="xuzhi-title">{{dataSource.name}}</view>
		<view class="xuzhi">
			<u-parse :html="dataSource.describe"></u-parse>
		</view>

		<view class="btn-view">
			<ButtonVue content="签字同意"></ButtonVue>
		</view>
	</view>

</template>

<script>
	import {
		dictionarySelect
	} from '../../../api/dictionary';
	import ButtonVue from '../../../components/Button/Button.vue';
	export default {
		components: {
			ButtonVue
		},
		data() {
			return {
				dataSource: '',
			}
		},
		mounted() {

			this.init();
		},
		methods: {
			init() {
				dictionarySelect({
					"code": 'nursingKnowAgree',
					status: 1
				}).then(res => {
					if (res) {
						this.dataSource = res[0]
					}
				}).catch(e => {
					console.log(e)
				})

			},

		}
	}
</script>

<style>
	.body {
		height: 100vh;
	}

	.xuzhi-title {
		color: #1a5276;
		margin-bottom: 10px;
		font-size: 28px;
		text-align: center;
		font-family: 'Microsoft YaHei', Arial, sans-serif;
		font-weight: bold;
	}

	.xuzhi {
		padding: 0 20px;
		height: calc(100% - 130px);
		overflow-y: auto;
	}

	.btn-view {
		position: absolute;
		bottom: 10px;
		width: 100%;
	}

	.btn-count {
		width: 60%;
		line-height: 50rpx;
		padding: 10rpx;
	}

	.btn-gray {

		border-radius: 20px;
		color: black;
		background-color: rgb(242, 242, 242);
		border: none !important;

	}

	.btn-agree {
		background-color: #76E1E7;
		color: white;
	}

	.btn {
		padding: 10rpx 20rpx;
		text-align: center;
		width: 30%;
		line-height: 50rpx;
		border-radius: 20px;
	}

	.gray {
		background-color: gray;
	}

	.blue {
		background-color: blue;
	}
</style>